<template>
  <i :class="`iconfont icon-${type}`" :style="styles"></i>
</template>

<script>
export default {
  'name': 'Icons',
  'props': {
    'type': {
      'type': String,
      'required': true
    },
    'color': {
      'type': String,
      'default': '#5c6b77'
    },
    'size': {
      'type': Number,
      'default': 16
    }
  },
  'computed': {
    styles() {
      return {
        'fontSize': `${this.size}px`,
        'color': this.color
      }
    }
  }
}
</script>

<style>

</style>
